<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <i class="el-icon-lx-calendar"></i> 完成井技术指标统计（手工）
                </el-breadcrumb-item>
                <el-breadcrumb-item>完成井技术指标统计（手工）</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="container">
            <div class="form-box2" style="padding-left:10%" >
                <el-form ref="form" :model="form" label-width="130px" size="small" >
                    <!-- <el-form-item label="井号">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>

                    <el-form-item label="油田名称">
                        <el-select v-model="form.region" placeholder="请选择">
                            <el-option key="bbk" label="江汉油田" value="bbk"></el-option>
                        </el-select>
                    </el-form-item>-->

                    <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="井号">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="实际开钻日期">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="目的层">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="备注">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>


                    <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="K斜深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="K垂深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="K闭合方位(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="K闭合距(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                    <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="A斜深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="A垂深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="A闭合方位(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="A闭合距(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>


                    <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="B斜深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="B垂深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="B闭合方位(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="B闭合距(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                          <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="C斜深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="C垂深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="C闭合方位(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="C闭合距(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                      <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="D斜深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="D垂深(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="D闭合方位(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="D闭合距(°)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>


                    </el-row>
                          <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="造斜段K-A(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="水平段A-B(m)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="钻机台月(台月)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="钻机月速(米/台月)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>

                        
                    
                          <el-row>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="纯钻时间(h)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="机械钻速(m/h)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>

                        <el-col :span="4" style="margin-right:20px">
                            <!-- <el-form-item label="井型"> -->
                            <!-- <el-cascader :options="options" v-model="form.options"></el-cascader> -->
                            <!-- </el-form-item> -->

                            <el-form-item label="钻井周期(D)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="4" style="margin-right:20px">
                            <el-form-item label="完井周期(d)">
                                <el-input v-model="form.name"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>



                    <!-- <el-form-item style="text-align:center;margin-right:25%">
                        <el-button type="primary" @click="onSubmit">表单提交</el-button>
                        <el-button type="warning" style="width:80px">清空</el-button>
                    </el-form-item> -->
                </el-form>
            </div>
        </div>
    </div>
</template>



<script>
export default {
    name: 'baseform',
    data() {
        return {
            options: [
                {
                    value: 'guangdong',
                    label: '广东省',
                    children: [
                        {
                            value: 'guangzhou',
                            label: '广州市',
                            children: [
                                {
                                    value: 'tianhe',
                                    label: '天河区'
                                },
                                {
                                    value: 'haizhu',
                                    label: '海珠区'
                                }
                            ]
                        },
                        {
                            value: 'dongguan',
                            label: '东莞市',
                            children: [
                                {
                                    value: 'changan',
                                    label: '长安镇'
                                },
                                {
                                    value: 'humen',
                                    label: '虎门镇'
                                }
                            ]
                        }
                    ]
                },
                {
                    value: 'hunan',
                    label: '湖南省',
                    children: [
                        {
                            value: 'changsha',
                            label: '长沙市',
                            children: [
                                {
                                    value: 'yuelu',
                                    label: '岳麓区'
                                }
                            ]
                        }
                    ]
                }
            ],
            form: {
                name: '',
                region: '',
                date1: '',
                date2: '',
                delivery: true,
                type: ['步步高'],
                resource: '小天才',
                desc: '',
                options: []
            }
        };
    },
    methods: {
        onSubmit() {
            this.$message.success('提交成功！');
        }
    }
};
</script>